<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Log</title>
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="css/log.css">
    <script src="../js/common.js"></script>
    <script src="js/log.js"></script>
    <!--[if lt IE 9]>
    <script src="../js/html5shiv.js"></script>
    <![endif]-->
</head>
<body>
    <div class="container">
        <!--头部-->
        <header>
            <div class="center">
                <div class="logo base-color fl">
                    <h1>NARROW</h1>
                </div>
                <nav>
                    <ul class="fr">
                        <li><a href="../index.html">HOME</a></li>
                        <li class="active"><a href="#">SERVICE</a></li>
                        <li><a href="#">PRODUCTS</a></li>
                        <li><a href="#">ABOUT</a></li>
                        <li><a href="#">CONTACT</a></li>
                    </ul>
                </nav>
            </div>
        </header>
        <!--旋转木马-->
        <section class="merry-go-round">
            <ul>
                <li><a href="javascript:void(0);"><img src="images/img01.jpg" alt=""></a></li>
                <li><a href="javascript:void(0);"><img src="images/img02.jpg" alt=""></a></li>
                <li><a href="javascript:void(0);"><img src="images/img03.jpg" alt=""></a></li>
                <li><a href="javascript:void(0);"><img src="images/img04.jpg" alt=""></a></li>
                <li><a href="javascript:void(0);"><img src="images/img05.jpg" alt=""></a></li>
            </ul>
            <span class="merry-left-arrow">&lt;</span>
            <span class="merry-right-arrow">&gt;</span>
        </section>
        <!--欢迎语1-->
        <section class="welcome center">
            <h3 class="base-color">WELCOME TO ARROW</h3>
            <p>
                Far far away,behind the word mountains,far frome the countries Vokalia, there live
            </p>
            <p>
                the blind texts.Separated they live in Bookmarksgrove right at the coast of the
            </p>
            <p>
                Semantics, a large language ocean.
            </p>
        </section>
        <!--test-->
        <section style="height: 800px;"></section>
    </div>
</body>
</html>